<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<jsp:include page="header.jsp"></jsp:include>
  
	 
<div class="layui-carousel" id="test1">
	<div carousel-item>
		<div><img alt="" src="img/1.jpg" width="100%" height="100%"></div>
		<div><img alt="" src="img/2.jpg" width="100%" height="100%"></div>
		<div><img alt="" src="img/3.jpg" width="100%" height="100%"></div>
		<div><img alt="" src="img/4.jpg" width="100%" height="100%"></div>
		<div><img alt="" src="img/7.jpg" width="100%" height="100%"></div>
		<div><img alt="" src="img/8.jpg" width="100%" height="100%"></div>
		<div><img alt="" src="img/10.jpg" width="100%" height="100%"></div>
	</div>
</div>
<!-- 条目中可以是任意内容，如：<img src=""> -->
 
<script src="/static/build/layui.js"></script>
<script>
layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
   elem: '#test1',
   width: '100%' ,//设置容器宽度
   height:'500px',
   arrow: 'always' //始终显示箭头
    //,anim: 'updown' //切换动画方式
  });
});
</script>
<h1 style="text-align:center;font-size:40px; margin:20px; color:#01A7F5;text-shadow:5px 5px 5px blue" >
	 欢迎使用KG-员工管理
	</h1>
<jsp:include page="footer.jsp"></jsp:include>

